<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org/">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>发布招工信息</title>
    <!-- Bootstrap -->
    <link th:insert="common/head :: commonheader">
</head>
<body>
<div class="container">
    <div class="row clearfix">
        <div class="col-md-12 column">
            <div th:insert="common/head :: header">

            </div>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <div>
                <div class="col-md-12" style="background-color: #ffffff;">
                    <div class="col-md-1"></div>
                    <div class="col-md-10">
                        <div style="border-bottom: 1px solid #cccccc">
                            <h2><span class="text-primary"></span>发布招工信息<span class="text-primary"></span></h2>
                        </div>
                        <div class="employ_form_div " style="margin-top:10px">
                            <div class="form-group">
                                <div class="col-sm-12" style="padding: 0;">
                                    <label class="col-sm-1 control-label" style="padding-right: 0px;">上传图片</label>
                                    <label class="col-sm-11 control-label" style="padding-right: 0px; text-align: left; font-weight:normal; color: #999;">可上传工地照片、工程流程照片以及承包合同</label>
                                </div>
                                <div class="col-sm-1"></div>
                                <div class="col-sm-6 col-md-3" style="margin-top: 15px; ">
                                    <div class="thumbnail" style="border: 0px; background-color:  transparent ;">
                                        <img src="./images/work1.jpeg" style="width: 200px;" alt=" ... ">
                                        <div class="caption ">
                                            <a class="btn btn-primary" data-toggle="modal" data-target="#uploadCompanyImg"  style="margin-bottom: 0px; margin-left: 55px;" role="button ">上传图片</a>
                                            <a class="btn btn-primary" th:href="@{/user/getEmployeeWork}" style="margin-bottom: 0px; margin-left: 55px;" role="button ">直接发布</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-1 "></div>
                </div>
            </div>
        </div>
    </div>


    <footer th:insert="common/head :: footer">
    </footer>
</div>


<div class="modal fade" id="uploadCompanyImg" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">上传图片</h4>
            </div>
            <div class="modal-body">
                <form th:action="@{/uploadCompanyImg}" method="post" enctype="multipart/form-data">


                    头像:<input type="file" name="companyImg" accept="image/jpeg;image/png" multiple>(仅限jpg、png和bmp格式)<br>
                    <input type="submit" value="上传并发布">
                </form>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>

</body>
</html>